<article class="module width_full">
<header>
  <h3 class="tabs_involved">Biểu đồ báo cáo sự ra tăng tin bài trong vòng 20 ngày gần nhất</h3>
</header>
<div class="module_content">
	<script type="text/javascript">
		$(function () {
	        $('#container').highcharts({
	            chart: {
	                type: 'line',
	                marginRight: 130,
	                marginBottom: 25
	            },
	            title: {
	                text: 'Biểu đồ báo cáo về bài viết mới theo ngày',
	                x: -20 //center
	            },
	            subtitle: {
	                text: 'Nguồn WiSH.vn',
	                x: -20
	            },
	            xAxis: {
	                categories: [<?php echo $this->categories;?>]
	            },
	            yAxis: {
	                title: {
	                    text: 'Báo cáo số lượng tin bài mới'
	                },
	                plotLines: [{
	                    value: 0,
	                    width: 1,
	                    color: '#808080'
	                }]
	            },
	            tooltip: {
	                valueSuffix: ' tin'
	            },
	            legend: {
	                layout: 'vertical',
	                align: 'right',
	                verticalAlign: 'top',
	                x: -10,
	                y: 100,
	                borderWidth: 0
	            },
	            series: [{
	                name: 'Số tin đăng mới - Cập nhật',
	                data: [<?php echo $this->dataNews;?>]
	            },{
	                name: 'Số tin làm SEO',
	                data: [<?php echo $this->dataSeo;?>]
	            }]
	        });
	    });
	</script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
</div>
</article>
